*{ margin:0; padding:0;}
body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
a{color:#0a8cd2;text-decoration:none;}
a:hover{}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}
.none{display:none}



/*top部分*/
#top{
height:30px;
background:#ff5073;
}

.top_inner,.header_inner,.nav_inner,.banner_inner,.main_inner,.aside_inner{
width:1180px;
margin:auto;
}

.top_inner a{
font-size:12px;
text-align:center;
line-height:30px;
color:#fff;
}

.top_inner span{
font-size:12px;
text-align:center;
line-height:30px;
color:#fff;
}

.top_inner div{
float:right;
}

.top_inner ul li{
float:left;
margin-right:16px;
}


/*aside部分*/
.aside{
 width:40px;
 height:100%;
 background:rgba(3, 3, 3, .5);
 position:fixed;
 right:0;
 z-index:2100;
 top:0;
}

.aside .aside_inner{
 position:absolute;
 top:60px;
}

.aside .shop_a{
 display:block;
 position:relative;
 width:40px;
 height:38px;
 color:#d8d8d8;
 margin-bottom:10px;
 z-index:20;
 opacity:0.6;
}

@keyframes listColor{
 0%{
  opacity:0;
 }
 100%{
  opacity:1;
 }
}

.aside .shop_a:hover{
 background:#ff5073;
 transition: opacity 1s linear;
 opacity:1;
}

.aside .shop_a .ushop{
 font-size:24px;
 color:#fff;
 margin-left:8px;
 vertical-align:middle;
 line-height:40px;
 z-index:140;
}

.aside .p1{
 font-size:14px;
 display:block;
 width:10px;
 position:absolute;
 left:14px;
 height:40px;
 line-height:20px;
}



.active{
 background:#ff5073;
 z-index:50;
 animation:linecolor 2s 5s forwards;
}

.shopshow{
 width:300px;
 height:100%;
 background:#f2f2f2;
 position:fixed;
 top:0;
 right:-300px;
 z-index:2010;

}

.shopshow .stitle{
 height:30px;
 border-bottom:1px solid #cccccc;
}

.shopshow .stitle .car1{
 position:absolute;
 text-align:center;
 line-height:30px;
 left:10px;
}

.shopshow .stitle .p2{
 color:#8c8c8c;
 font-size:30px;
 display:inline-block;
 width:30px;
 position:absolute;
 right:10px;
 top: 0;
 text-align:center;
 line-height:30px;
}

.shopshow .car2{
 margin:30px auto;
 display:block;
 text-align:center;
}


/*header部分*/
header{
height:90px;
overflow:hidden;
width:100%;
}

header .header_inner{
position:relative;
height:95px;
}

.header_inner .header_main{
margin-top:24px;

}

.header_inner .header_login{
background:url("../img/logo_memebox.png") no-repeat;
width:236px;
height:36px;
float:left;
}


.header_inner .search{
width:426px;
height:40px;
border:1px solid #ff5073;
border-radius:20px;
float:left;
margin-left:40px;
position:relative;

}

.header_inner .search2{
position:absolute;
top:5px;
left:660px;
color:red;
font-size:30px;
}

.header_main .downloadapp{
background:url("../img/wei1_03.png");
width:237px;
height:95px;
float:right;
position:absolute;
right:0;
top:-25px;
}

/*nav部分*/
nav{
height:44px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;

}
.nav_inner{

}

.nav_inner ul{
width:1160px;
height:44px;
float:left;
z-index:2000;
position:relative;
}


.nav_inner ul li{

float:left;
height:44px;
text-align:center;
line-height:44px;

}

.nav_inner ul li a{
width:80px;
text-align:center;
line-height:44px;
float:left;
display:block;
font-size:16px;
color:#000000;
padding-top:8px;
}



.nav_inner ul li .hot{
background:url("../img/newhome_icon.png") no-repeat;
background-position-x:0;
background-position-y:-322px;
width:28px;
height:20px;
display:block;
position:absolute;
left:292px;
margin-top:5px;
margin-left:-8px;
}

.nav_inner ul li .new{
background:url("../img/newhome_icon.png") no-repeat;
background-position-x:0;
background-position-y:-430px;
width:28px;
height:20px;
display:block;
position:absolute;
left:526px;
margin-top:5px;
margin-left:-8px;
}

.nav_inner ul .reguar_t{
width:164px;
background:#f2f2f2;

}
.nav_inner ul li .reguar{
width:164px;
text-align:center;
color:#000000;
z-index:400;
}

.nav_inner ul li .submenu{
display:none;
position:absolute;
padding-top:1px;
border-right:5px solid rgba(0,0,0,0.1);
z-index:3000;
top:43px;
}


.nav_inner ul li .submenu-scroll{
height: 214px;
overflow-y:auto;
overflow-x:hidden;
background:#fff;
}


.nav_inner ul li .submenu-scroll .list3{
width:208px;
background:#ffffff;
padding:10px 16px 0 16px;
border-top: 1px solid #ddd;
}

.nav_inner ul li .submenu-scroll .list3 li{
text-align: left;
width:100% !important;
line-height:0;
 height: 30px;
 display:block;
}


.nav_inner ul li .submenu-scroll .list3 a{
display:block;
width:auto;
font-size:14px;
word-wrap:break-word;
color:#666;
line-height: 10px;
}

.nav_inner ul li .submenu .t1{
top:43px;
}


.nav_inner ul li .submenu .t2{


}

.nav_inner ul li .submenu .t3{

left:580px;
}

.nav_inner ul li .submenu .t4{

left:680px;
}

.nav_inner ul li .submenu .t5{

left:780px;
}

/*main部分*/
main{
margin-top:20px;
}

.main_inner{
position:relative;
}

.main_inner .aside{
position:absolute;
left:200px;
top:540px;
background:url("../img/_40_(1).jpg");
width:65px;
height:65px;
}

.main_inner .main_l_t{
height:600px;
float:left;
}

.main_inner .main_l{

position:relative;
border:1px solid #cccccc;
}

.main_inner .main_l div:nth-child(1){
width:40px;
height:40px;
position:absolute;
left:20px;
top:50px;
}

.main_inner .main_r{
float:left;
width:48%;
margin-left:16px;
}

.main_r .shoptitle{
font-size:20px;
line-height:1;
margin-bottom:16px;
display:block;
}

.main_r .shoptitle .shoptitle_t{
font-weight:100;
}

.main_r .delivery{
font-size:13px;
color:#8c8c8c;
display:block;
float:left;
margin-left:10px;
}

.main_r .delivery_bg{
display:block;
float:left;
}


.main_r .shopconten{
font-size:14px;
margin-top:16px;
}

.main_r .shop_price{
height:60px;
background:#ededed;
overflow:hidden;
margin-top:10px;
}

.shop_price .price{
font-size:14px;
color:#8c8c8c;
margin-left:8px;
}

.shop_price .price_mon{
font-size:16px;
color:#8c8c8c;
margin-left:26px;
text-decoration:line-through;
}

.shop_price .price_cu{
font-size:14px;
color:#8c8c8c;
margin-left:8px;
}


.shop_price .price_mon1{
color:#ff5073;
font-size:20px;
margin-left:10px;
}

.shop_price .discount{
border:1px solid #ff5073;
border-radius:4px;
color:#ff5073;
font-size:12px;
vertical-align:top;
line-height:20px;
padding-left:5px;
padding-right:5px;
margin-left:26px;
}

.main_r .shoptitle_t{
color: #000;
}

.main_r .returnme{
height:40px;
background:#f7f7f7;
overflow:hidden;
position:relative;
}


.main_r .returnme .return{
color:#666666;
font-size:14px;
line-height:40px;
margin-left:60px;
}

.main_r .returnme .return_bg{
position:absolute;
left:10px;
top:10px;
}

.main_r .returnme .return a{
color:rgb(54, 155, 249);
}

.main_r .shoppdetail{
margin-top:10px;

}


.main_r .shoppdetail .detail1 span:nth-child(1){
font-size:14px;
color:#8c8c8c;
margin-left:10px;
}

.main_r .shoppdetail .detail1 span:nth-child(2){
font-size:14px;
color:#666666;
margin-left:28px;
}

.main_r .shoppdetail .detail2{
margin-top:10px;
}

.main_r .shoppdetail .detail2 span:nth-child(1){
font-size:14px;
color:#8c8c8c;
margin-left:10px;
}

.main_r .shoppdetail .detail2 div{
font-size:30px;
display:inline-block;
margin-left:28px;
 color:orange;
 text-align:center;
line-height: 33px;
}

.main_r .shoppdetail .detail2 a{
font-size:14px;
color:#8c8c8c;
}

.main_r .shopcolor{
margin-top:10px;
}

.main_r .shopcolor p:nth-child(1){
font-size:14px;
color:#8c8c8c;
display:block;
margin-left:10px;
margin-bottom:6px;
}

.main_r .shopcolor .opation{
width:400px;
border:1px solid #cccccc;
height:30px;
line-height:30px;
color:#666666;
padding-left:8px;
}

.main_r .amount{
margin-top:10px;
}

.main_r .amount .amount_m{
height:34px;
margin-bottom:38px;
}

.main_r .amount .amount_m span:nth-child(1){
font-size:14px;
color:#8c8c8c;
}

.main_r .amount .amount_m .reduce{
 width:30px;
 height:27px;
 border: 1px solid #dddddd;
 border-right: none;
 text-align:center;
 display:inline-block;
 line-height:26px;
background:#f2f2f2;
margin-left:20px;
cursor:default;
 }

.main_r .amount .amount_m .add{
width:30px;
height:27px;
border: 1px solid #dddddd;
border-left: none;
text-align:center;
display:inline-block;
line-height:26px;
background:#f2f2f2;
cursor:default;
}

.main_r .amount .amount_m input{
width:60px;
height:27px;
text-align:center;
line-height:36px;
border:1px solid #cccccc;
}

.main_r .amount .addlike{
width:120px;
height:40px;
border:1px solid #ff5073;
color:#ff5073;
border-radius:4px;
background:#fff;
margin-right:20px;
}

.main_r .amount .addlike:hover{
background:#ff5073;
color:#fff;
}

.main_r .amount .addcart{
width:120px;
height:40px;
border:1px solid #ff5073;
color:#ff5073;
border-radius:4px;
background:#fff;
}

.main_r .amount .addcart:hover{
background:#ff5073;
color:#fff;
}

/*aside*/
#aside{

}

.aside_inner ul li{
float:left;
width:25%;
}

.aside_inner ul li div{

}

.aside_inner ul li span{
font-size:20px;
color:#f58337;
float:right;
margin-right:100px;
margin-top:12px;
}

.aside_inner .aside_btn{
margin-top:30px;
}


.aside_inner .aside_btn .btn2{
width:100px;
height:50px;
background:#eeeeee;
font-size:16px;
color: #333333;
border:0;
}

.aside_inner .aside_btn .btn2:hover{
background:#cccccc;
}

/*banner*/
#banner{
margin-top:20px;
}

.banner_inner .banner_b1{
width:100%;
border:1px solid #cccccc;
}

.banner_inner .banner_b1 p{
margin:0 0 10px;
text-align:center;
}


.banner_inner .banner_more{
margin-top:20px;
}

.banner_inner .banner_more .more{
width:100%;
height:2870px;
background:url("../img/moredetails.png") 0 0 no-repeat;
background-position-x:0;
background-position-y:0;

}

/*aside2部分*/
#aside2{
height:180px;
background:#f3f1f2;
margin-top:80px;
}

#aside2 .aside_f1{
float:left;
width:25%;
text-align:center;
padding:40px 0;
font-size:20px;
font-weight:900;
}

#aside2 .aside_f1 div{
margin-top:10px;
}

/*footer部分*/
footer{
margin-top:30px;
}

.footer_inner .foot_l{
float:left;
width:33%;
text-align:center;
}

.footer_inner .foot_l div{
float:left;
margin-top:6px;
margin-right:10px;
}

.footer_inner .foot_l .flogin{
margin-left:160px;
float:left;
}

.footer_inner .foot_b .foot_f1 .f1_h{
font-size:20px;
font-weight:600;
}

.footer_inner .foot_b .foot_f1{
float:left;
border-left: 1px solid #eaeaea;
width: 16%;
text-align: left;
}

.footer_inner .foot_b .foot_f1 li{
padding: 7px 0;
font-size: 14px;
color: rgb(51, 51, 51);
margin-left: 35px;
}

.footer_inner .foot_b .foot_f1 li a{
color:#000000;
}

/*footer部分*/
#footer2{
margin-top:40px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:15px 0;
}
#footer2 .footer2_inner p{
text-align:center;
display:block;
font-weight:600;
font-size:14px;
margin-bottom:8px;
}

#footer2 .footer2_inner .time{
text-align:center;
font-size:12px;

}

#footer2 .footer2_inner .time span{
margin-right:20px;
}


/*bottom部分*/
#bottom{
margin-top:20px;
}

#bottom .bottom_l{
display:inline-block;
margin-left:140px;
font-size:12px;
}

#bottom .bottom_r{
display:inline-block;
float:right;
margin-right:80px;
font-size:12px;
text-align:center;

}

#bottom .bottom_r img{
width:20px;
height:20px;
}

